<!-- <div id="sidebar" class="sw-sidebar" ng-init="$ctrl.init()">
    <div class="perfect-scroll">
        <ul class="sw-links pt-2" id="sw-docs-nav" data-children=".sw-toc-item">
            <li ng-repeat="item in $ctrl.items" ng-if="!$last">
                <main-side-bar-item item="item"></main-side-bar-item>
            </li>
            <hr>
            <li ng-repeat="item in $ctrl.items" ng-if="$last">
                <main-side-bar-item item="item"></main-side-bar-item>
            </li>
        </ul>

    </div>
    <div class="sidebar-background"></div>
</div> -->
<nav class="bd-links pb-4 bt-2" id="bd-docs-nav" aria-label="Docs navigation" ng-init="$ctrl.init()">
    <!-- <h2 class="h6 pb-3 mb-4 border-bottom"><i data-feather="home"></i> Portal</h2> -->
    <nav class="small mt-3" id="toc">
        <ul class="list-unstyled" data-children=".sidebar-menu-item">
            <li class="sidebar-menu-item" ng-repeat="item in $ctrl.items" ng-if="!$last">
                <main-side-bar-item item="item" ng-if="!item.isHiden"></main-side-bar-item>
            </li>
            <hr />
            <li class="sidebar-menu-item" ng-repeat="item in $ctrl.items" ng-if="$last">
                <main-side-bar-item item="item" ng-if="!item.isHiden"></main-side-bar-item>
            </li>
        </ul>
    </nav>
</nav>